<template>
  <div class="aboutus_page">
    <CommonHeader title="关于我们" />
    <div class="aboutus_content page_no_tab_bar">
      <!-- logo -->
      <div class="ico_logo">
        <img src="@/assets/profile/settings/ico.png" alt="" />
        <div>v0.0.1</div>
      </div>
      <!-- 关于列表 -->
      <ul class="aboutus_list">
        <li v-for="(item, index) in aboutusList" :key="index">
          <div>{{ item.text }}</div>
          <div>
            <img src="@/assets/common/go_icon.png" alt="" />
          </div>
        </li>
      </ul>
    </div>
  </div>
</template>

<script setup lang="ts">
import { ref } from "vue";
import CommonHeader from "@/components/CommonHeader.vue";
import { useRouter } from "vue-router";

// 获取路由对象
const router = useRouter();
// 关于列表
const aboutusList = ref([
  { text: "服务协议" },
  { text: "关于我们" },
  { text: "分享应用" },
  { text: "检查更新" },
]);
</script>

<style lang="scss" scoped>
.aboutus_page {
  .aboutus_content {
    padding-top: 10px;
    .ico_logo {
      text-align: center;
      margin: 50px;
    }
    .aboutus_list {
      li {
        display: flex;
        padding: 20px 0;
        justify-content: space-between;
      }
    }
  }
}
</style>
